<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE html>
<html>
<link href="${path}/static/css/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="${path}/static/css/bootstrap-table.css" rel="stylesheet"
	type="text/css">
<link rel="stylesheet" href="${path}/static/css/base.css" />
<link rel="stylesheet" href="${path}/static/css/info-mgt.css" />

<link
	href="https://cdn.bootcss.com/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css"
	rel="stylesheet">
<link rel="stylesheet"
	href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">

<head>
<meta charset="UTF-8">
<title>待发工资列表</title>
<style>
.layui-layer-title {
	background:
		url(${pageContext.request.contextPath }/static/images/righttitlebig.png)
		repeat-x;
	font-weight: bold;
	color: #46647e;
	border: 1px solid #c1d3de;
	height: 33px;
	line-height: 33px;
}

.tabe_bot label {
	width: 70px;
	text-align: right;
	font-size: 14px;
	font-weight: 900;
	color: #46647e
}

.l_left {
	float: left
}

.tabe_bot input, .tabe_bot select {
	width: 180px;
	height: 30px;
	border-radius: 6px;
	margin: 0 20px 0 0;
	border: none;
	border: 1px #ccc solid
}

.tabe_btn {
	width: 60px;
	height: 30px;
	background-color: #68b86c;
	border: none;
	border-radius: 6px;
	color: #fff
}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 88);
}

.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 10%;
	width: 70%;
	height: 75%;
	padding: 20px;
	border: 1px solid #000;
	background-color: #FFFFFF;
	z-index: 1002;
	overflow: auto;
	border-radius: 10px;
}

.white_content  p {
	font-weight: bolder; padding : 8px;
	line-height: 10px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px;
}
.tabe_btn{
 
 margin: 10px
}
</style>
</head>

<body onload="Mesload()">
	<div class="title">
		<h2>消息推送</h2>
		<input type="hidden" value="${path }">
	</div>
	<div class="query">
		<div class="tabe_bot">
			<div class="l_left">
				<label>薪酬编号：</label><input type="text" placeholder="请输入编号"
					id="wage_detail_name">
			</div>
			<div class="l_left">
				<label>薪酬状态：</label> <input type="hidden" id="wagestatus_id"
					value="${wagestatus.id }"> <select name="wagestatus"
					id="wagestatus">
				</select>
			</div>
			<div class="l_left">
				<label>I级部门：</label> <input type="hidden" id="oz_department_id"
					value="${oz_department.id }"> <select name="oz_department"
					id="oz_department"></select>
			</div>
			<button class="tabe_btn " onclick="getData1()" style="margin-top: 0px">查询</button>

			<div class="clear"></div>
		</div>
	</div>
		<div class="table-operate ue-clear">
		<a href="#" class="add" style="width: 140px"  id="add"  onclick="pay_add()">添加当月待发工资名单</a>
		
	</div>
	<div class="table-box">
		<table id="table" class="table_style">
		</table>
	</div>
	<div class="pagination ue-clear"></div>
	
	<div id="light1" class="white_content">
		<div style="float: left;">
			<p>薪酬管理>>本月待发工资管理 >>录入管理</p>
			<br>
			<p>今天是：<span  id="span_Today"></span></p>
			<p>上月工资发放日期：<span id="span_Pay_Date"></span></p>
			<p>上月工资发放总人数 ：<span id="span_Pay_TotalNumber"></span>人
			&nbsp;&nbsp;上月总实发金额：<span id="span_Send_Pay_TotalMoney"></span>元</p>
							
			<!-- <button class="tabe_btn " onclick="audit()" id="btn">提交审核</button> -->

			<button class="tabe_btn " onclick="document.getElementById('light1').style.display='none';document.getElementById('fade1').style.display='none'">返回</button>
			<div class="table-box" >
				<table id="table_pay" class="table_style"  style="width: 800px">
				</table>
			</div>

		</div>

		<a href="javascript:void(0)"
			onclick="document.getElementById('light1').style.display='none';document.getElementById('fade1').style.display='none'"
			style="float: right;">关闭</a>
	</div>
	<div id="fade1" class="black_overlay"></div>
	
	
	
	
	

	
	<div id="light" class="white_content">
		<div style="float: left;">
			<p>薪酬管理>>薪酬登记管理 >>发放登记</p>
			<br>
			<p>薪酬单编号:<span  id="span_wage_detail_name"></span></p>
			<p>机构：<span id="span_oz_department"></span></p>
			<p>本机构总人数 ：<span id="span_countPersonnelfile_id"></span>人
				&nbsp;&nbsp;&nbsp;基本薪酬总额：<span id="span_sumEm_totalmoney"></span>&nbsp;&nbsp;实发金额：<span id="span_sendTotalMoney"></span>元</p>
							
			<button class="tabe_btn " onclick="audit()" id="btn">提交审核</button>

			<button class="tabe_btn " onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">返回</button>
			<div class="table-box">
				<table id="table1" class="table_style">
				</table>
			</div>
				<div class="table-box">
				<table id="table2" class="table_style">
				</table>
			</div>
		</div>

		<a href="javascript:void(0)"
			onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"
			style="float: right;">关闭</a>
	</div>
	<div id="fade" class="black_overlay"></div>

</body>
<script type="text/javascript" src="${path }/static/js/jquery.js"></script>


<script type="text/javascript" src="${path }/static/js/jquery.js"></script>
<script src="${path }/static/js/bootstrap.min.js"></script>
<script src="${path}/static/js/bootstrap-table.js"></script>
<script src="${path }/static/js/bootstrap-table-zh-CN.min.js"></script>
<script src="${path}/static/js/laydate.js"></script>
<script src="${path}/static/js/compensation/cp_payoff_index.js"></script>
<script src="${path}/static/js/compensation/cp_payoff_add.js"></script>
<script src="${path}/static/js/date/js/laydate.js"></script>
<script src="${path}/static/js/layer.js"></script>
<script src="${path}/static/js/jquery-ui.min.js"></script>
<script src="${path}/static/js/bootstrap-editable.js"></script>
<script
	src="https://cdn.bootcss.com/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script
	src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap-table/1.11.1/extensions/editable/bootstrap-table-editable.js"></script>
</html>